import { Divider } from 'antd';
import CreateRef from './createRef';
import UseRef from './useRef';
import GetRef from './classGetRef';
import ForWardRef from './forwardRef';
import ForWardRef02 from './forwardRef_two';
import ForwardRefFunc from './forwardRefFunc';
import ForwardRefHoc from './forwardRef_hoc';
import State from './state';

export default function RefComp() {
  return (
    <div className="ref">
      <p> ===ref=== </p>
      <CreateRef />
      <Divider />
      <UseRef />
      <Divider />
      <GetRef />
      <Divider />
      <ForWardRef />
      <Divider />
      <ForWardRef02 />
      <Divider />
      <ForwardRefHoc />
      <Divider />
      <ForwardRefFunc />
      <Divider />
      <State />
      <Divider />
    </div>
  );
}
